<!--
 * @Author: GKN
 * @Date: 2023-09-01 10:50:49
 * @LastEditTime: 2024-01-02 10:28:18
 * @LastEditors: GKN
 * @Description: 
 * @FilePath: \mod\src\view\components\list.vue
 * 可以输入预定的版权声明、个性签名、空行等
-->
<template>
    <div class="flex flex-j-s">  
            <el-breadcrumb separator=">">
                <el-breadcrumb-item v-for="(item,i) in breadcrumb_list" :key="i" @click="go(i)" class="cursor-p">{{ item.name }}</el-breadcrumb-item>
            </el-breadcrumb>
            <div>
                <slot name="topR">
                
                </slot>
            </div>
        </div>
        
        <div style="min-height: 400px;">
            <slot name="content">
                
            </slot>
        </div>
        
  </template>
  
  <script setup>
  import listView from '../components/list.vue';
  import { ref,reactive, onMounted,getCurrentInstance } from "vue";
  const { proxy } = getCurrentInstance();
  import CryptoJS from 'crypto-js';
  import { useRoute, useRouter } from "vue-router";
  const Router = useRouter();
  const props = defineProps({
    breadcrumb_list:{
            type: Object,
            default: [],
        },
        page:{
            type: Object,
            default: {
                total:0
            }
        },
        showPage:{
            type: blur,
            default: true
        }
        
    })
      // 面包屑
      // 导航参数
    // const query = proxy.$comJs.decrypt(Router.currentRoute.value.query.ob,'query')
    // const breadcrumb_list = [{name:'首页',path:'/'},{name:query.title,path:query.path,id:query.id},{name:'正文'}]
    const currentChange=(e)=>{
            this.$emit('currentChange',e)
    }
    const go=(i)=>{
        if(i == 0){
            Router.back()
        }
    }
  </script>
  
  <style lang='less' scoped>
  .pager{
        display: flex;
        justify-content: center;
        padding: 34px 0;
      }
  .fontt{
    font-size: 16px;
    color:#8d8d8d;
  }
  .fx{
    img{
        margin-left: 12px;
        width:32px ;
        height: 32px;
    }
  }
.btnitem{
    display: flex;
    align-items: center;
    img{
        width: 80px;
        height: 80px;
    }
    span{
        margin-left: 18px;
        font-size: 14px;
    }
    
}
</style>
  


  
